@contentful/field-editor-markdown 1.1.8 → 1.1.10

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.10](https://github.com/contentful/field-editors/compare/@contentful/field-editor-markdown@1.1.9...@contentful/field-editor-markdown@1.1.10) (2023-01-27)
+
+### Bug Fixes
+
+- mail to links replace ampersand [TOL-923] ([#1331](https://github.com/contentful/field-editors/issues/1331)) ([8e3d5df](https://github.com/contentful/field-editors/commit/8e3d5df5105a48126a790b8c341139fe7cf11d72))
+
+## [1.1.9](https://github.com/contentful/field-editors/compare/@contentful/field-editor-markdown@1.1.8...@contentful/field-editor-markdown@1.1.9) (2022-12-08)
+
+**Note:** Version bump only for package @contentful/field-editor-markdown
+
 ## [1.1.8](https://github.com/contentful/field-editors/compare/@contentful/field-editor-markdown@1.1.7...@contentful/field-editor-markdown@1.1.8) (2022-07-29)
 
 **Note:** Version bump only for package @contentful/field-editor-markdown

package/dist/field-editor-markdown.cjs.development.js

@@ -25,8 +25,8 @@ var min = _interopDefault(require('lodash/min'));
 var max = _interopDefault(require('lodash/max'));
 var times = _interopDefault(require('lodash/times'));
 var repeat = _interopDefault(require('lodash/repeat'));
-var Markdown = _interopDefault(require('markdown-to-jsx'));
 var DOMPurify = _interopDefault(require('dompurify'));
+var Markdown = _interopDefault(require('markdown-to-jsx'));
 var inRange = _interopDefault(require('lodash/inRange'));
 var isObject = _interopDefault(require('lodash/isObject'));
 var extend = _interopDefault(require('lodash/extend'));
@@ -34,80 +34,6 @@ var isString = _interopDefault(require('lodash/isString'));
 var isFinite = _interopDefault(require('lodash/isFinite'));
 var forEach = _interopDefault(require('lodash/forEach'));
 
-var styles = {
-  root: /*#__PURE__*/emotion.css({
-    display: 'flex',
-    zIndex: 10,
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    overflow: 'hidden',
-    marginBottom: '-1px',
-    fontSize: tokens.fontSizeM
-  }),
-  tab: /*#__PURE__*/emotion.css({
-    cursor: 'pointer',
-    color: tokens.gray700,
-    padding: tokens.spacingXs,
-    minWidth: '70px',
-    border: "1px solid " + tokens.gray400,
-    borderTopLeftRadius: tokens.borderRadiusSmall,
-    borderTopRightRadius: tokens.borderRadiusSmall,
-    marginLeft: tokens.spacingXs,
-    textAlign: 'center',
-    backgroundColor: tokens.gray100,
-    borderBottomColor: tokens.gray100,
-    outline: 'none',
-    '&:focus': {
-      boxShadow: tokens.boxShadowHeavy
-    },
-    transition: "all " + tokens.transitionEasingDefault + " " + tokens.transitionDurationShort
-  }),
-  inactiveTab: /*#__PURE__*/emotion.css({
-    background: tokens.gray200,
-    borderBottomColor: tokens.gray400,
-    '&:hover': {
-      background: tokens.gray300
-    }
-  })
-};
-
-function MarkdownTabItem(props) {
-  var _cx;
-
-  return React__default.createElement("div", {
-    className: emotion.cx(styles.tab, (_cx = {}, _cx[styles.inactiveTab] = props.isActive === false, _cx)),
-    onClick: function onClick() {
-      props.onSelect(props.name);
-    },
-    onKeyDown: function onKeyDown(e) {
-      if (e.keyCode === 13) {
-        props.onSelect(props.name);
-      }
-    },
-    tabIndex: 0,
-    role: "tab",
-    "aria-controls": props.name,
-    "aria-selected": props.isActive === true,
-    "data-test-id": props.testId
-  }, props.children);
-}
-
-function MarkdownTabs(props) {
-  return React__default.createElement("div", {
-    className: styles.root
-  }, React__default.createElement(MarkdownTabItem, {
-    name: "editor",
-    onSelect: props.onSelect,
-    isActive: props.active === 'editor',
-    testId: "markdown-tab-md"
-  }, "Editor"), React__default.createElement(MarkdownTabItem, {
-    name: "preview",
-    onSelect: props.onSelect,
-    isActive: props.active === 'preview',
-    testId: "markdown-tab-preview"
-  }, "Preview"));
-}
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -186,6 +112,80 @@ function _taggedTemplateLiteralLoose(strings, raw) {
   return strings;
 }
 
+var styles = {
+  root: /*#__PURE__*/emotion.css({
+    display: 'flex',
+    zIndex: 10,
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    overflow: 'hidden',
+    marginBottom: '-1px',
+    fontSize: tokens.fontSizeM
+  }),
+  tab: /*#__PURE__*/emotion.css({
+    cursor: 'pointer',
+    color: tokens.gray700,
+    padding: tokens.spacingXs,
+    minWidth: '70px',
+    border: "1px solid " + tokens.gray400,
+    borderTopLeftRadius: tokens.borderRadiusSmall,
+    borderTopRightRadius: tokens.borderRadiusSmall,
+    marginLeft: tokens.spacingXs,
+    textAlign: 'center',
+    backgroundColor: tokens.gray100,
+    borderBottomColor: tokens.gray100,
+    outline: 'none',
+    '&:focus': {
+      boxShadow: tokens.boxShadowHeavy
+    },
+    transition: "all " + tokens.transitionEasingDefault + " " + tokens.transitionDurationShort
+  }),
+  inactiveTab: /*#__PURE__*/emotion.css({
+    background: tokens.gray200,
+    borderBottomColor: tokens.gray400,
+    '&:hover': {
+      background: tokens.gray300
+    }
+  })
+};
+
+function MarkdownTabItem(props) {
+  var _cx;
+
+  return React__default.createElement("div", {
+    className: emotion.cx(styles.tab, (_cx = {}, _cx[styles.inactiveTab] = props.isActive === false, _cx)),
+    onClick: function onClick() {
+      props.onSelect(props.name);
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (e.keyCode === 13) {
+        props.onSelect(props.name);
+      }
+    },
+    tabIndex: 0,
+    role: "tab",
+    "aria-controls": props.name,
+    "aria-selected": props.isActive === true,
+    "data-test-id": props.testId
+  }, props.children);
+}
+
+function MarkdownTabs(props) {
+  return React__default.createElement("div", {
+    className: styles.root
+  }, React__default.createElement(MarkdownTabItem, {
+    name: "editor",
+    onSelect: props.onSelect,
+    isActive: props.active === 'editor',
+    testId: "markdown-tab-md"
+  }, "Editor"), React__default.createElement(MarkdownTabItem, {
+    name: "preview",
+    onSelect: props.onSelect,
+    isActive: props.active === 'preview',
+    testId: "markdown-tab-preview"
+  }, "Preview"));
+}
+
 var _excluded = ["label"],
     _excluded2 = ["label"],
     _excluded3 = ["label"],
@@ -210,7 +210,7 @@ var Zen = function Zen(_ref) {
   var label = _ref.label,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return React__default.createElement("svg", Object.assign({
+  return React__default.createElement("svg", _extends({
     width: 14,
     height: 14,
     viewBox: "0 0 1792 1792"
@@ -224,7 +224,7 @@ var Strikethrough = function Strikethrough(_ref2) {
   var label = _ref2.label,
       rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
-  return React__default.createElement("svg", Object.assign({
+  return React__default.createElement("svg", _extends({
     width: 14,
     height: 14,
     viewBox: "0 0 1792 1792"
@@ -238,7 +238,7 @@ var Indent = function Indent(_ref3) {
   var label = _ref3.label,
       rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
 
-  return React__default.createElement("svg", Object.assign({
+  return React__default.createElement("svg", _extends({
     width: 14,
     height: 14,
     viewBox: "0 0 1792 1792"
@@ -252,7 +252,7 @@ var Dedent = function Dedent(_ref4) {
   var label = _ref4.label,
       rest = _objectWithoutPropertiesLoose(_ref4, _excluded4);
 
-  return React__default.createElement("svg", Object.assign({
+  return React__default.createElement("svg", _extends({
     width: 14,
     height: 14,
     viewBox: "0 0 1792 1792"
@@ -266,7 +266,7 @@ var Cubes = function Cubes(_ref5) {
   var label = _ref5.label,
       rest = _objectWithoutPropertiesLoose(_ref5, _excluded5);
 
-  return React__default.createElement("svg", Object.assign({
+  return React__default.createElement("svg", _extends({
     width: 18,
     height: 14,
     viewBox: "0 0 2304 1792"
@@ -280,7 +280,7 @@ var Table = function Table(_ref6) {
   var label = _ref6.label,
       rest = _objectWithoutPropertiesLoose(_ref6, _excluded6);
 
-  return React__default.createElement("svg", Object.assign({
+  return React__default.createElement("svg", _extends({
     width: 14,
     height: 14,
     viewBox: "0 0 1792 1792"
@@ -294,7 +294,7 @@ var SpecialChar = function SpecialChar(_ref7) {
   var label = _ref7.label,
       rest = _objectWithoutPropertiesLoose(_ref7, _excluded7);
 
-  return React__default.createElement("svg", Object.assign({
+  return React__default.createElement("svg", _extends({
     width: 14,
     height: 14,
     viewBox: "0 0 1792 1792"
@@ -308,7 +308,7 @@ var OrgLinks = function OrgLinks(_ref8) {
   var label = _ref8.label,
       rest = _objectWithoutPropertiesLoose(_ref8, _excluded8);
 
-  return React__default.createElement("svg", Object.assign({
+  return React__default.createElement("svg", _extends({
     width: 14,
     height: 14,
     viewBox: "0 0 1792 1792"
@@ -322,7 +322,7 @@ var Undo = function Undo(_ref9) {
   var label = _ref9.label,
       rest = _objectWithoutPropertiesLoose(_ref9, _excluded9);
 
-  return React__default.createElement("svg", Object.assign({
+  return React__default.createElement("svg", _extends({
     width: 14,
     height: 14,
     viewBox: "0 0 1792 1792"
@@ -336,7 +336,7 @@ var Redo = function Redo(_ref10) {
   var label = _ref10.label,
       rest = _objectWithoutPropertiesLoose(_ref10, _excluded10);
 
-  return React__default.createElement("svg", Object.assign({
+  return React__default.createElement("svg", _extends({
     width: 14,
     height: 14,
     viewBox: "0 0 1792 1792"
@@ -372,7 +372,7 @@ var HeadingSelector = function HeadingSelector(props) {
 
 var InsertLinkSelector = function InsertLinkSelector(props) {
   if (props.canAddNew) {
-    return React__default.createElement(MultipleMediaContextMenu, Object.assign({}, props));
+    return React__default.createElement(MultipleMediaContextMenu, _extends({}, props));
   } else {
     return React__default.createElement(f36Components.Button, {
       isDisabled: props.disabled,
@@ -457,7 +457,7 @@ var ToolbarButton = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     className: styles$1.tooltip,
     placement: tooltipPlace,
     content: tooltip
-  }, React__default.createElement(f36Components.IconButton, Object.assign({}, otherProps, {
+  }, React__default.createElement(f36Components.IconButton, _extends({}, otherProps, {
     ref: ref,
     className: emotion.cx(styles$1.button, className),
     isDisabled: isDisabled,
@@ -656,7 +656,7 @@ function DefaultMarkdownToolbar(props) {
     className: styles$1.root
   }, React__default.createElement(f36Components.Flex, {
     justifyContent: "space-between"
-  }, React__default.createElement(f36Components.Flex, null, React__default.createElement(MainButtons, Object.assign({}, props)), React__default.createElement(ToolbarButton, {
+  }, React__default.createElement(f36Components.Flex, null, React__default.createElement(MainButtons, _extends({}, props)), React__default.createElement(ToolbarButton, {
     isDisabled: props.disabled,
     testId: "markdown-action-button-toggle-additional",
     tooltip: showAdditional ? 'Hide additional actions' : 'More actions',
@@ -683,14 +683,14 @@ function DefaultMarkdownToolbar(props) {
   })))), showAdditional && React__default.createElement(f36Components.Flex, {
     justifyContent: "space-between",
     marginTop: "spacingXs"
-  }, React__default.createElement(f36Components.Flex, null, React__default.createElement(AdditionalButtons, Object.assign({}, props)))));
+  }, React__default.createElement(f36Components.Flex, null, React__default.createElement(AdditionalButtons, _extends({}, props)))));
 }
 function ZenMarkdownToolbar(props) {
   return React__default.createElement("div", {
     className: styles$1.root
   }, React__default.createElement(f36Components.Flex, {
     justifyContent: "space-between"
-  }, React__default.createElement(f36Components.Flex, null, React__default.createElement(MainButtons, Object.assign({}, props)), React__default.createElement(AdditionalButtons, Object.assign({}, props))), React__default.createElement(f36Components.Flex, null, React__default.createElement(InsertLinkSelector, {
+  }, React__default.createElement(f36Components.Flex, null, React__default.createElement(MainButtons, _extends({}, props)), React__default.createElement(AdditionalButtons, _extends({}, props))), React__default.createElement(f36Components.Flex, null, React__default.createElement(InsertLinkSelector, {
     disabled: props.disabled,
     onSelectExisting: props.actions.linkExistingMedia,
     onAddNew: props.actions.addNewMedia,
@@ -712,10 +712,10 @@ function ZenMarkdownToolbar(props) {
 }
 var MarkdownToolbar = /*#__PURE__*/React__default.memo(function (props) {
   if (props.mode === 'zen') {
-    return React__default.createElement(ZenMarkdownToolbar, Object.assign({}, props));
+    return React__default.createElement(ZenMarkdownToolbar, _extends({}, props));
   }
 
-  return React__default.createElement(DefaultMarkdownToolbar, Object.assign({}, props));
+  return React__default.createElement(DefaultMarkdownToolbar, _extends({}, props));
 });
 MarkdownToolbar.displayName = 'MarkdownToolbar';
 
@@ -1886,6 +1886,14 @@ var openCheatsheetModal = function openCheatsheetModal(dialogs) {
   });
 };
 
+// This code will replace '&' with '&' only inside the href attribute of the mailto link.
+// Otherwise the mailto link will not work correctly
+var replaceMailtoAmp = function replaceMailtoAmp(string) {
+  return string.replace(/href="mailto:[^"]*&/g, function (match) {
+    return match.replace(/&/g, '&');
+  });
+};
+
 var _excluded$2 = ["Embedly", "children"];
 
 var _templateObject$1;
@@ -1917,7 +1925,7 @@ function MarkdownLink(props) {
     });
   }
 
-  return React__default.createElement("a", Object.assign({}, rest, {
+  return React__default.createElement("a", _extends({}, rest, {
     target: "_blank",
     rel: "noopener noreferrer"
   }), children);
@@ -1932,7 +1940,7 @@ var MarkdownPreview = /*#__PURE__*/React__default.memo(function (props) {
   // https://github.com/cure53/DOMPurify/blob/main/src/tags.js#L3-L121
 
   var cleanHTML = React__default.useMemo(function () {
-    return DOMPurify.sanitize(props.value);
+    return replaceMailtoAmp(DOMPurify.sanitize(props.value));
   }, [props.value]);
   return React__default.createElement("div", {
     className: className,
@@ -2072,11 +2080,9 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
 
 
     var IteratorPrototype = {};
-
-    IteratorPrototype[iteratorSymbol] = function () {
+    define(IteratorPrototype, iteratorSymbol, function () {
       return this;
-    };
-
+    });
     var getProto = Object.getPrototypeOf;
     var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
 
@@ -2087,8 +2093,9 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
     }
 
     var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
-    GeneratorFunctionPrototype.constructor = GeneratorFunction;
+    GeneratorFunction.prototype = GeneratorFunctionPrototype;
+    define(Gp, "constructor", GeneratorFunctionPrototype);
+    define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
     GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"); // Helper for defining the .next, .throw, and .return methods of the
     // Iterator interface in terms of a single ._invoke method.
 
@@ -2193,11 +2200,9 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
     }
 
     defineIteratorMethods(AsyncIterator.prototype);
-
-    AsyncIterator.prototype[asyncIteratorSymbol] = function () {
+    define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
       return this;
-    };
-
+    });
     exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of
     // AsyncIterator objects; they just return a Promise for the value of
     // the final result produced by the iterator.
@@ -2374,13 +2379,12 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
     // object to not be returned from this call. This ensures that doesn't happen.
     // See https://github.com/facebook/regenerator/issues/274 for more details.
 
-    Gp[iteratorSymbol] = function () {
+    define(Gp, iteratorSymbol, function () {
       return this;
-    };
-
-    Gp.toString = function () {
+    });
+    define(Gp, "toString", function () {
       return "[object Generator]";
-    };
+    });
 
     function pushTryEntry(locs) {
       var entry = {
@@ -2692,14 +2696,19 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
   } catch (accidentalStrictMode) {
     // This module should not be running in strict mode, so the above
     // assignment should always work unless something is misconfigured. Just
-    // in case runtime.js accidentally runs in strict mode, we can escape
+    // in case runtime.js accidentally runs in strict mode, in modern engines
+    // we can explicitly access globalThis. In older engines we can escape
     // strict mode using a global Function call. This could conceivably fail
     // if a Content Security Policy forbids using Function, but in that case
     // the proper solution is to fix the accidental strict mode problem. If
     // you've misconfigured your bundler to force strict mode and applied a
     // CSP to forbid Function, and you're not willing to fix either of those
     // problems, please detail your unique predicament in a GitHub issue.
-    Function("r", "regeneratorRuntime = r")(runtime);
+    if (typeof globalThis === "object") {
+      globalThis.regeneratorRuntime = runtime;
+    } else {
+      Function("r", "regeneratorRuntime = r")(runtime);
+    }
   }
 });
 
@@ -4466,7 +4475,7 @@ function MarkdownEditorConnected(props) {
         setValue = _ref.setValue,
         externalReset = _ref.externalReset;
     // on external change reset component completely and init with initial value again
-    return React__default.createElement(MarkdownEditor, Object.assign({}, props, {
+    return React__default.createElement(MarkdownEditor, _extends({}, props, {
       key: "markdown-editor-" + externalReset,
       initialValue: value,
       disabled: disabled,